import React,{Component} from "react";
import {Checkbox,Button} from "antd-mobile";
import NavBar from '../../components/navBar/navBar.js'
import "./pay.modules.less";
const Fragment = React.Fragment;

class Pay extends Component{
    constructor(props){
        super(props)
    }

    render (){
        return(
            <Fragment>
                <NavBar titleText={"支付订单"}></NavBar>
                <div className="payInfo">
                    <div className="payTitle">请选择支付方式</div>
                    <div className="payNum">￥18.5</div>
                    <div className="paySub">肯德基(西大门店铺) 769778534568</div>
                </div>

                <div className="payChooseWrap">
                    <div className='payItem'>
                        <div className='icon'>

                        </div>
                        <div className="content">支付宝</div>
                        <div className="checkbox">
                                <Checkbox></Checkbox>
                        </div>
                    </div>
                    <div className='payItem'>
                        <div className='icon'>

                        </div>
                        <div className="content">微信</div>
                        <div className="checkbox">
                                <Checkbox></Checkbox>
                        </div>
                    </div>
                </div>

                <div className="payFooter">
                <Button type="primary">确认支付￥18.5</Button>
                </div>
            </Fragment>
        )
    }
}

export default Pay